<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Tip工具类</title>
	<!-- Tooltip classes -->
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-yellow/tip-yellow.css" type="text/css" />
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-violet/tip-violet.css" type="text/css" />
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-darkgray/tip-darkgray.css" type="text/css" />
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-skyblue/tip-skyblue.css" type="text/css" />
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-twitter/tip-twitter.css" type="text/css" />
	<link rel="stylesheet" href="../js/jquery/poshytip/src/tip-green/tip-green.css" type="text/css" />
	<script type="text/javascript" src="../js/jquery/jquery.js"></script>
	<script type="text/javascript" src="../js/jquery/poshytip/src/jquery.poshytip.min.js"></script>
<script type="text/javascript">
$(function(){
	$('#demo-test').poshytip({
		content: '移入显示, 移出隐藏.',
		alignTo: 'target',
		alignX: 'inner-left',
		offsetX: 0,
		offsetY: 5
	});

	$('#demo-test-button').poshytip({
		content: '移入显示, 移出隐藏.',
		showOn: 'none',
		alignTo: 'target',
		alignX: 'inner-left',
		offsetX: 0,
		offsetY: 5
	});

	$('#show').click(function(){
		$('#demo-test-button').poshytip('show');
	});
	$('#hide').click(function(){
		$('#demo-test-button').poshytip('hide');
	});
});
</script>
</head>
<body>
	<hr/>
	<br/>
	<br/>
	<br/>
	<div>
		<a id="demo-test">移入显示, 移出隐藏.</a>
	</div>
	<hr/>
	<div>
		<a id="demo-test-button" title="按钮控制.">按钮控制.</a>
		<br/><br/>
		<input type="button" id="show" value="show"/>
		<input type="button" id="hide" value="hide"/>
	</div>
	<hr/>
</body>
</html>